<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{$L.APP_NAME} - {$L.CREATE_EVENT} - {$L.EVENT_STEP1}</title>
<link href="http://g.alicdn.com/bui/bui/1.1.21/css/bs3/dpl.css" rel="stylesheet">
<link href="http://g.alicdn.com/bui/bui/1.1.21/css/bs3/bui.css" rel="stylesheet">
<script src="http://g.tbcdn.cn/fi/bui/jquery-1.8.1.min.js"></script>
<script src="http://g.alicdn.com/bui/seajs/2.3.0/sea.js"></script>
<script src="http://g.alicdn.com/bui/bui/1.1.10/config.js"></script>
<script src="/assets/kxdr/steps.js"></script>

</head>
<body style="width:990px;margin:0 auto;padding:10px 0;">
 <div class="doc-content">
    <div class="panel">
      <div class="panel-body">
	  
	  <div class="row">
		<div class="span24 doc-content">
		<h3 class="pull-left">{$L.APP_HOME} >> {$L.APP_NAME} >> {$L.APP_ADD_EVENT}</h3>
		<a class="button pull-right" style="margin-left:10px" href="/"><i class="icon-home"></i>{$L.SYS_RETURN}</a>
		<a class="button pull-right" style="margin-left:10px" href="/?a=gamecfg&m=shopadmin&repick=1"><i class="icon-refresh"></i>{$L.SYS_REPICK}</a>
		<a class="button button-success pull-right" href="/?m=Kxdr&c=Index&a=Index"><i class="icon icon-home icon-white"></i></a>
		</div>
	  </div>
	  </div>
	  </div>
	  </div>
 <div class="doc-content">
	  
    <div class="panel">
      <div class="panel-header">
        <h3>{$L.CREATE_EVENT}</h3>
      </div>
      <div class="panel-body">
	  <div class="flow-steps" style="margin:0 auto;width:948px">
  <ol class="num4">
    <li class="first current">1.{$L.EVENT_STEP1}</li>
    <li class="">2.{$L.EVENT_STEP2}</li>
    <li class="">3.{$L.EVENT_STEP3}</li>
    <li class="last">4.{$L.EVENT_STEP4}</li>
  </ol>
</div>
<div class="row show-grid">
  <div class="span8 offset1">
	<div class="panel">
	  <div class="panel-header clearfix">
		<h3 class="pull-left">{$L.EVENT_STEP1}</h3>
		<div id="tbar" class="pull-right"></div>
	  </div>
	  <div class="panel-body js-load" id= "t1" data-tp="game"  data-url="/?m=Kxdr&c=Gameset&a=loadgames" data-rtitle="{$L.EVENT_STEP1_ALLGAMES}">
	  </div>
	</div>
  </div>
  <div class="span15">
	<ul class="breadcrumb">
        <li class="active game-title" title="比赛名称">{$L.EVENT_GAME_NAME}</li>
      </ul>
    <form id="J_Form" class="form-horizontal" method="post" action="/?m=Kxdr&c=Index&a=step2">
        <div class="row">
          <div class="control-group span15">
            <label class="control-label" title="比赛名称">{$L.EVENT_GAME_NAME}：</label>
            <div class="controls">
              <input name="game_name" value="{$game_name|default:""}" type="text" data-rules="{ldelim}required:true{rdelim}" data-messages="{ldelim}required:'{$L.EVENT_STEP1_NOTEMPTY}'{rdelim}" class="input-large control-text js-kxby"  readonly="readonly" data-tip="{ldelim}text:'{$L.EVENT_STEP1_PICKGAME}'{rdelim}">
            </div>
          </div>
        </div>
        <div class="row">
          <div class="control-group span15">
            <label class="control-label">{$L.EVENT_START_TIME}：</label>
            <div class="controls bui-form-group" data-rules="{ldelim}dateRange : true{rdelim}">
              <input name="start" value="{$start|default:""}" data-tip="{ldelim}text : '{$L.EVENT_STEP1_TIP_START_TIME}'{rdelim}" data-rules="{ldelim}required:true{rdelim}" data-messages="{ldelim}required:'{$L.EVENT_STEP1_TIP_START_TIME_NOTEMPTY}'{rdelim}" class="input-small calendar calendar-time js-bssj" type="text"><label>&nbsp;-&nbsp;</label>
              <span class="auxiliary-text">{$L.EVENT_STEP1_TIP_START_TIME}</span>
			</div>
          </div>
        </div>
        <div class="row" style="height:185px">
          <div class="control-group span15">
            <label class="control-label">{$L.EVENT_STEP1_EVENT_COVER}：</label>
            <div class="controls bui-form-group" data-rules="{ldelim}dateRange : true{rdelim}">
				<input type="hidden" class="js-picurl" name="pic_url" value="{$pic_url|default:""}" />
				<div id="J_Uploader" style="position:absolute">
				</div>
              <img src="{if $pic_url}{$pic_url}_315x315.jpg{else}https://img.alicdn.com/tps/i1/TB1erhHHpXXXXbFXFXXXykfYFXX-315-175.png{/if}" class="js-picview" /><label>&nbsp;-&nbsp;</label>
              <span class="auxiliary-text">{$L.EVENT_STEP1_TIP_EVENT_COVER}。</span>
			</div>
          </div>
        </div>
        <div class="row">
          <div class="control-group span15">
            <label class="control-label">{$L.EVENT_STEP1_EVENT_INFO}：</label>
            <div class="controls control-row4">
              <textarea data-tip="{ldelim}text:'{$L.EVENT_STEP1_TIP_EVENT_INFO}'{rdelim}" name="descrip" class="input-large js-bsms" type="text">{$descrip|default:""}</textarea>
            </div>
          </div>
        </div>
        <div class="row form-actions actions-bar" style="margin-left:0">
            <div class="span13 offset5 ">
			  <input type="hidden" value="{$game_id|default:""}" name="game_id" class="js-hdid" data-rules="{ldelim}required:true{rdelim}" data-messages="{ldelim}required:'{$L.EVENT_STEP1_PICKGAME}'{rdelim}"/>
              <button type="submit" class="button button-primary">{$L.EVENT_NEXT_STEP}</button>
            </div>
        </div>
    </form>
	</div>
</div>
      </div>
    </div>
  </div>
</body>
</html>